.GradientGroupGrid {

    padding: 1rem 0;

    h1{
        font-size: 2rem;
    }

    .group-gradient-item{
        border-radius: var(--xshop-border-radius);
        background: linear-gradient(var(--gradient-group-deg), var(--gradient-group-color1) 0%, var(--gradient-group-color2) 100%);
        overflow: hidden;
        padding: 1rem;
        margin-bottom: 1rem;
        border: 1px solid var(--gradient-group-color1);
        .gg-img-container{
            position: relative;
        }

        h3{
            font-size: 1.5rem;
        }
        img{
            position: absolute;
            right: .5rem;
            left: .5rem;
            width: calc(100% - 1rem);
            height: 100%;
            aspect-ratio: 1;
            top: 0rem;
            bottom: 0rem;
            object-fit: cover;
            border-radius: var(--xshop-border-radius);
        }
    }
}
